.main-pd{
  padding: 0 30px;
  box-sizing: border-box;
}
.main-pdt{
  padding: 30px;
  box-sizing: border-box;
}
.flex {
  display: flex;
}

.flex_content_sp {
  display: flex !important;
  justify-content: space-between;
}

.flex_content_left {
  display: flex !important;
  justify-content: flex-start;
}

.flex_content_right {
  display: flex !important;
  justify-content: flex-end;
}

.flex_content_center {
  display: flex !important;
  justify-content: center;
}

.flex_items_top {
  display: flex !important;
  align-items: flex-start;
}

.flex_items_top {
  display: flex !important;
  align-items: flex-start;
}

.flex_items_bottom {
  display: flex !important;
  align-items: flex-end;
}

.flex_items_center {
  display: flex !important;
  align-items: center;
}

.flex_wrap {
  display: flex !important;
  flex-wrap: wrap;
}
.mr-10{
  margin-right: 10px;
}
.mr-5{
  margin-right: 5px;
}




.h-per-100{
  height: 100%;
}
